.gallery-view{
  
  .image-container{
    position: relative;
    overflow: hidden;
    border: 2px solid white;
    
    img{
      position: absolute;
      top: -9999px;
      bottom: -9999px;
      left: -9999px;
      right: -9999px;
      margin: auto;
    }
  }
}

.imageView{
  background-color:black;
  
  .has-no-header{
    top:0px !important;
  }
  
  .close-btn{
    font-weight: 900;
    border:2px solid;
    position:absolute;
    right:5px;
    border-radius: 5px;
  }
  
  .headerView{
    background-image:none;
    background-color: black;
  }
  
  .gallery-slide-view{
    width: 98%;
    background-color: transparent;
  }
  
  .image-subtitle{
    color: white;
    position: absolute;
    bottom: 0px;
    left: 10px;
    width: 95%;
    height:15%;
    z-index: 100;
  }
  
  .listContainer {
    width: 100%;
    height: 100%;
  }
  
  .hideAll{
    display:none;
  }
  
  img {
    display: block;
    width: 100%;
    height: auto;
  }

  .scroll-view {
    position: absolute;
    width: 100%;
    height:100%;
  }

  .scroll-view .scroll {
    min-height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}